{% extends "base.html" %}
{% load static%}

{% block extra_css %}
<link rel="stylesheet" href="{% static 'css/list.css' %}">
{% endblock %}

{% block content %}
<div class="list">
    <h1>风景点列表</h1>
    <div class="scenic-list">
        {% for spot in spots %}
        <a href="{% url 'scenic:detail' spot.slug %}" class="scenic-item">
            <h2>{{ spot.title }}</h2>
            <img src="{{ spot.image_Homepage.url }}" alt="{{ spot.title }}">
        </a>
        {% endfor %}
    </div>
</div>

{% endblock %}